extends part/page.pug

append head
  link(rel="stylesheet", href="css/index.css")

append vars
  -
    var title = '首页'
    var lb = [
      ['新闻动态', '新华网 新浪网 搜狐网 腾讯网 凤凰网 环球网 人民网 央视网 观察者 澎湃网 网易网 头条网 国际网 中新网'],
      ['战略专题', '兰德公司 简式武器年鉴 日本自卫队周刊 美国武器装备状态 国籍战略动态 政治经济动态 国际关系'],
      ['重大专题', '南海局势 缅北局势 钓鱼岛局势 中印方向专题 朝鲜试射导专题 藏独疆独分裂活动 国籍暴恐专题'],
      ['知识百科', '军事 舰机 武器 政策 科技 经济 历史 地理 战争 任务']
    ]
    var rb = '新浪新闻 环球新闻 兰德公司 简式防务 南海局势 缅北局势 历史频道 科技频道'.split(' ')
    var rl = [
      '· 新浪网：习主席举行仪式欢迎意大利总统...',
      '· 新浪网：新浪发布2016年第四季度及全年...',
      '· 新浪网：朝方计划派法律家代表团赴大马...',
      '· 新浪网：疑似邱少云证件照再曝光：留着...', 
      '· 新浪网：31省GDP比拼：辽宁“大缩水”...', 
      '· 新浪网：美媒：大熊猫繁育已成为中美合...',
      '· 新浪网：NASA发现太阳系外7颗大小行星或...'
    ]

mixin leftList(title, data)
  - data = data.split(' ')
  - var max = data.reduce((acc, cur) => Math.max(acc, cur.length), 0)
  .m-llist.s-panel
    .title= title
    .cont
      each val in data
        a(
          href=(title == '新闻动态' ? '中外新闻列表.html' : '#'),
          class={half: max <= 3, space: max <= 2}
        )= val

mixin rightList(title)
  .m-rlist.s-panel(class!=attributes.class)
    .head
      .title= title
      .more
        img(src="img/md-more.gif")
    .body
      each val in rl
        .line
          a.l(href="#")= val
          .r 2017-3-28
      
block page
  .m-line
    +leftList(lb[0][0], lb[0][1])
    +rightList(rb[0])
    +rightList(rb[1]).s-last
  .m-line
    +leftList(lb[1][0], lb[1][1])
    +rightList(rb[2])
    +rightList(rb[3]).s-last
  .m-line
    img(src="img/index-topic0.jpg")
    img(src="img/index-topic1.jpg")
    img.s-last(src="img/index-topic2.jpg")
  .m-line
    +leftList(lb[2][0], lb[2][1])
    +rightList(rb[4])
    +rightList(rb[5]).s-last
  .m-line
    +leftList(lb[3][0], lb[3][1])
    +rightList(rb[6])
    +rightList(rb[7]).s-last